﻿<%@ Page Title="" Language="C#" MasterPageFile="~/CustomerPanel/CustomerSite.Master"
AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="FastTrackCabService.CustomerPanel.Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadPlaceHolder" runat="server">
    <title>Fast Track | Booking</title>
    <link href="../Style/CustomerDefault.css" rel="stylesheet" type="text/css"/>
</asp:Content>
<asp:Content ID="Content" ContentPlaceHolderID="ContentPlaceHolder" runat="server">
<asp:UpdatePanel runat="server">
<ContentTemplate>
<div class="wrapper">
<div id="bookingDiv">
<table id="tblbooking" border="0">
<tr>
    <th colspan="2" class="titleTable">
        <h2>
            New Booking
        </h2>
    </th>
</tr>
<tr>
    <td class="titleTd">
        <br/>
        Type
    </td>
    <td class="valueTd">
        <br/>
        <asp:DropDownList ID="ddlType" runat="server" CssClass="bookingDropdown">
            <asp:ListItem Selected="True" Value="PICK">PICK</asp:ListItem>
            <asp:ListItem Value="PICK &amp; DROP">PICK &amp; DROP</asp:ListItem>
        </asp:DropDownList>
    </td>
</tr>
<tr>
    <td class="titleTd">
        <br/>
        Number of vehicles
    </td>
    <td class="valueTd">
        <br/>
        <asp:DropDownList ID="ddlVehicleNum" runat="server" CssClass="bookingDropdown" AutoPostBack="True"
                          OnSelectedIndexChanged="ddlVehicleNum_OnSelectedIndexChanged">
            <asp:ListItem Selected="True" Value="1">1</asp:ListItem>
            <asp:ListItem Value="2">2</asp:ListItem>
            <asp:ListItem Value="3">3</asp:ListItem>
        </asp:DropDownList>
    </td>
</tr>
<tr>
    <td colspan="2">
        <br/>
        <table border="0" style="width: 100%;">
            <tr>
                <td style="padding-left: 5%; width: 25%;">
                    Cars
                </td>
                <td style="padding-left: 5%; width: 25%;">
                    <asp:DropDownList ID="ddlCars" runat="server" CssClass="bookingDropdown" AutoPostBack="True"
                                      OnSelectedIndexChanged="ddlCars_OnSelectedIndexChanged">
                    </asp:DropDownList>
                </td>
                <td style="padding-left: 5%; width: 25%;">
                    Vans
                </td>
                <td style="padding-right: 8%; width: 25%;">
                    <asp:DropDownList ID="ddlVans" runat="server" CssClass="bookingDropdown" Enabled="False">
                        <asp:ListItem Selected="True" Value="0">0</asp:ListItem>
                        <asp:ListItem Value="1">1</asp:ListItem>
                        <asp:ListItem Value="2">2</asp:ListItem>
                        <asp:ListItem Value="3">3</asp:ListItem>
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td colspan="2">
        <br/>
        <hr style="border: 1px solid black"/>
    </td>
</tr>
<tr>
    <td colspan="2" class="titleTd" style="text-align: center">
        FROM
    </td>
</tr>
<tr>
    <td class="titleTd">
        Name/No
        <asp:RequiredFieldValidator ID="RequiredFieldValidatorName" runat="server" ErrorMessage="*"
                                    ValidationGroup="booking" ForeColor="Red" ControlToValidate="txtNameOrNum"/>
    </td>
    <td class="valueTd">
        <asp:TextBox ID="txtNameOrNum" runat="server" CssClass="bookingTextbox"></asp:TextBox>
    </td>
</tr>
<tr>
    <td class="titleTd">
        Street
        <asp:RequiredFieldValidator ID="RequiredFieldValidatorStreet" runat="server" ErrorMessage="*"
                                    ValidationGroup="booking" ForeColor="Red" ControlToValidate="txtStreet"/>
    </td>
    <td class="valueTd">
        <asp:TextBox ID="txtStreet" runat="server" CssClass="bookingTextbox"></asp:TextBox>
    </td>
</tr>
<tr>
    <td class="titleTd">
        City
        <asp:CustomValidator ID="CustomValidatorToCity" runat="server" ErrorMessage="*" ForeColor="Red"
                             OnServerValidate="CustomValidatorFromCity_OnServerValidate" ValidationGroup="booking"/>
    </td>
    <td class="valueTd">
        <asp:DropDownList ID="ddlFromCity" runat="server" CssClass="bookingDropdown" AutoPostBack="True"
                          OnSelectedIndexChanged="ddlFromCity_OnSelectedIndexChanged"/>
        <br/>
        <br/>
        <asp:TextBox ID="txtFromCity" runat="server" CssClass="bookingTextbox" Visible="False"
                     placeholder="City(To) Name"/>
    </td>
</tr>
<tr>
    <td class="titleTd">
        District
    </td>
    <td class="valueTd">
        <asp:DropDownList ID="ddlFromDistrict" runat="server" CssClass="bookingDropdown"
                          AutoPostBack="True" OnSelectedIndexChanged="ddlFromDistrict_OnSelectedIndexChanged">
        </asp:DropDownList>
    </td>
</tr>
<tr>
    <td colspan="2">
        <br/>
        <hr style="border: 1px solid black"/>
    </td>
</tr>
<tr>
    <td colspan="2" class="titleTd" style="text-align: center">
        TO
    </td>
</tr>
<tr>
    <td class="titleTd">
        City
        <asp:CustomValidator ID="CustomValidatorFromCity" runat="server" ErrorMessage="*"
                             ForeColor="Red" OnServerValidate="CustomValidatorToCity_OnServerValidate" ValidationGroup="booking"/>
    </td>
    <td class="valueTd">
        <asp:DropDownList ID="ddlToCity" runat="server" CssClass="bookingDropdown" AutoPostBack="True"
                          OnSelectedIndexChanged="ddlToCity_OnSelectedIndexChanged">
        </asp:DropDownList>
        <br/>
        <br/>
        <asp:TextBox ID="txtToCity" runat="server" CssClass="bookingTextbox" Visible="False"
                     placeholder="City(To) Name"/>
    </td>
</tr>
<tr>
    <td class="titleTd">
        District
    </td>
    <td class="valueTd">
        <asp:DropDownList ID="ddlToDistrict" runat="server" CssClass="bookingDropdown" AutoPostBack="True"
                          OnSelectedIndexChanged="ddlToDistrict_OnSelectedIndexChanged"/>
    </td>
</tr>
<tr>
    <td colspan="2">
        <br/>
        <hr style="border: 1px solid black"/>
    </td>
</tr>
<tr>
    <td colspan="2" class="titleTd" style="text-align: center">
        DATE & TIME
    </td>
</tr>
<tr>
    <td class="titleTd">
        Pickup Date
    </td>
    <td class="valueTd" style="padding: 10px; padding-left: 1vh">
        <asp:TextBox ID="txtTravelDate" runat="server" Enabled="False" CssClass="bookingTextboxDate"/>
        <asp:Button ID="btnTravelCalender" runat="server" Text="Select Date" OnClick="btnTravelCalender_OnClick"
                    CssClass="bookingDateButton"/>
        <br/>
        <br/>
        <asp:Calendar ID="TravelCalendar" runat="server" BackColor="White" BorderColor="#999999"
                      OnSelectionChanged="TravelCalendar_OnSelectionChanged" DayNameFormat="Shortest"
                      Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="200px"
                      Visible="False" CellPadding="4" OnDayRender="TravelCalendar_OnDayRender">
            <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt"/>
            <NextPrevStyle VerticalAlign="Bottom"/>
            <OtherMonthDayStyle ForeColor="#808080"/>
            <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White"/>
            <SelectorStyle BackColor="#CCCCCC"/>
            <TitleStyle BackColor="#999999" Font-Bold="True" BorderColor="Black"/>
            <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black"/>
            <WeekendDayStyle BackColor="#FFFFCC"/>
        </asp:Calendar>
    </td>
</tr>
<tr>
    <td class="titleTd">
        Pickup Time
    </td>
    <td class="valueTd">
        <asp:DropDownList ID="ddlFromTimeHour" runat="server" CssClass="bookingDropdownTime">
            <asp:ListItem Value="1">1</asp:ListItem>
            <asp:ListItem Value="2">2</asp:ListItem>
            <asp:ListItem Value="3">3</asp:ListItem>
            <asp:ListItem Value="4">4</asp:ListItem>
            <asp:ListItem Value="5">5</asp:ListItem>
            <asp:ListItem Value="6">6</asp:ListItem>
            <asp:ListItem Value="7">7</asp:ListItem>
            <asp:ListItem Value="8">8</asp:ListItem>
            <asp:ListItem Selected="True" Value="9">9</asp:ListItem>
            <asp:ListItem Value="10">10</asp:ListItem>
            <asp:ListItem Value="11">11</asp:ListItem>
            <asp:ListItem Value="12">12</asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="ddlFromTimeMinute" runat="server" CssClass="bookingDropdownTime">
            <asp:ListItem Value="00">00</asp:ListItem>
            <asp:ListItem Value="05">05</asp:ListItem>
            <asp:ListItem Value="10">10</asp:ListItem>
            <asp:ListItem Value="15">15</asp:ListItem>
            <asp:ListItem Value="20">20</asp:ListItem>
            <asp:ListItem Value="25">25</asp:ListItem>
            <asp:ListItem Selected="True" Value="30">30</asp:ListItem>
            <asp:ListItem Value="35">25</asp:ListItem>
            <asp:ListItem Value="40">30</asp:ListItem>
            <asp:ListItem Value="45">45</asp:ListItem>
            <asp:ListItem Value="50">50</asp:ListItem>
            <asp:ListItem Value="55">55</asp:ListItem>
        </asp:DropDownList>
        <asp:DropDownList ID="ddlFromAmPm" runat="server" CssClass="bookingDropdownTime">
            <asp:ListItem Selected="True" Value="AM">AM</asp:ListItem>
            <asp:ListItem Value="PM">PM</asp:ListItem>
        </asp:DropDownList>
    </td>
</tr>
<tr>
    <td colspan="2" style="text-align: center" class="titleTd">
        <asp:Button ID="btnReset" runat="server" CssClass="bookingResetButton" Text="Reset"
                    ValidationGroup="NONE" OnClick="btnReset_OnClick"/>
        <asp:Button ID="btnUpdate" runat="server" CssClass="bookingUpdateButton" Text="Book"
                    ValidationGroup="booking" OnClick="btnUpdate_OnClick"/>
    </td>
</tr>
<tr>
    <td colspan="2" style="text-align: center" class="titleTd">
        <asp:Label ID="lblStatus" runat="server" Text=""></asp:Label>
    </td>
</tr>
</table>
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>